<template>
    <div class="flex row space-between" style="width: 100%; height: calc(100vh - 60px);">

        <div class="flex column align-center " style="width: 250px">
            <WebMenu style="width: 60%"/>
        </div>

        <div style="width: calc(100% - 250px);height: 100%;margin-left: 5px">
            <router-view/>
        </div>
    </div>
</template>

<script>
import WebLogo from "../../components/WebLogo.vue";
import WebMenu from "../../components/WebMenu.vue";
export default {
    name: "Manage",
    components: {WebMenu, WebLogo},
    mounted() {
      this.$store.dispatch("showFoot",false)
    },
    unmounted(){
        this.$store.dispatch("showFoot",true)
    }
}
</script>

<style scoped>
</style>
